*{margin:0; padding:0; box-sizing:border-box; font-family:"Microsoft YaHei"; text-align:center;}
html,body{width:100%; height:100%; background-color:#333;}
.wrap{display:flex; flex-direction:column; align-items:center;}
.tit{width:100%; background-color:#fff; font-size:30px; font-weight:bold; line-height:60px;}
.nav{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 20px 20px 0; width:100%;}
.nav div{margin:20px 0 0 20px;}
.nav a{display:block; padding:5px 10px; border:1px solid #ccc; font-size:16px; text-decoration:none; color:#ccc;}
.nav a:hover{border:1px solid #ffc; color:#ffc;}